home *** CD-ROM | disk | FTP | other *** search
/ 207.233.110.77 / 207.233.110.77.tar / 207.233.110.77 / web29 / Tutorial 5 / Case 3 / dtable.css < prev    next >
Cascading Style Sheet File  |  2011-03-28  |  1KB  |  33 lines
  1. /*
  2.    New Perspectives on HTML and XHTML 5th Edition
  3.    Tutorial 5
  4.    Case Problem 3
  5.  
  6.    Dome Table Style Sheet
  7.    Author: Richard Thomson
  8.    Date:   28 Mar 2011
  9.  
  10.    Filename:         dtable.css
  11.    Supporting Files: bottom.jpg, bottomleft.jpg, bottomright.jpg, left.jpg, 
  12.                      right.jpg, tableback.jpg, top.jpg, topleft.jpg, topright.jpg
  13. */
  14.  
  15. table    {float: right; font-size: 12px; margin: 0px 0px 10px 20px; border-collapse: collapse;
  16.         background: url(tableback.jpg) no-repeat; background-position: 98%, 70%}
  17. table caption    {font-size: 16px; letter-spacing: 5px; text-align: center;}
  18. table col.firstColumn    {width: 22%; background: url(left.jpg) repeat-y; background-position: left}
  19. table col.middleColumns    {width: 28%; background: url(blank.gif) repeat}
  20. table col.lastColumn    {width: 22%; background: url(right.jpg) repeat-y; background-position: right}
  21. thead    {border-bottom: 2px solid gray; background: url(top.jpg) repeat-x; background-position: top}
  22. tfoot        {border-top: 2px solid gray}
  23. tbody tr    {border: 1px dotted gray}
  24. table td    {padding: 0px 5px 0px 5px;}
  25. table tr    {height: 30px}
  26. table th    {letter-spacing: 2px}
  27.  
  28.  
  29.  
  30. #topleft    {background: url(topleft.jpg) no-repeat}
  31. #topright    {background: url(topright.jpg) no-repeat}
  32. #bottomleft    {background: url(bottomleft.jpg) no-repeat}
  33. #bottomright    {background: url(bottomright.jpg) no-repeat}